*{margin:0;padding:0;word-wrap:break-word;}
body{font:normal 12px Arial;color:#000;background:url(body.png) repeat-x #FFFEFC;}
header,nav,aside,section,footer{display:block;}
a{text-decoration:none;color:#060;}
a:hover{text-decoration:underline;}
img{border:0;}
option{padding:0 5px 0 3px;}
h2{font:bold 14px Arial;}
.clear{clear:both;}
.p{margin:10px 0;}
ul{list-style:none;}

#thumbBox{position:absolute;left:0;top:0;padding:7px;background:#EEE;visibility:hidden;z-index:10;cursor:hand;cursor:pointer;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;box-shadow:1px 1px 5px #555;z-index:11;}
#thumbBox .footerbar{font:bold 16px/1.1em Arial;padding:5px 0 0;text-align:right;}
#thumbBox #thumbImage{border:1px solid #DDD;background:#FFF;}
#thumbLoading{position:absolute;visibility:hidden;border:1px solid black;background:#FFF;padding:5px;z-index:11;}
#loginhead{border-bottom:#CCCCCC solid 1px;height:23px;background:#fff;}
#loginhead img{width:auto;}
#loginhead a{color:#00F;}
.slider{width:780px;margin:0px 0 20px;position:relative;}
.slider img{width:780px;height:288px;}
.slider-con{position:relative;height:288px;overflow:hidden;}
.slider-con li{position:absolute;width:780px;height:288px;top:0;left:0;opacity:0;filter:alpha(opacity=0);}
.slider-tab{position:absolute;left:0;bottom:10px;width:100%;height:10px;text-align:center;line-height:10px;font-size:0;text-align:center;z-index:10;}
.slider-tab a{background:#EEE;border-radius:10px;width:10px;height:10px;margin:0 3px;display:inline-block;*display:inline;*zoom:1;}
.slider-tab .current{background:#F90;}
#lang span,.button2,.msg,.basket,.fb,.twt,.gpls,.in,.titlebg .tagn,.review.wbox .tagn,#bibox span,.contactitle span,#pdsnext,#pdsprev{background:url(bttn.png) no-repeat;}
.wrap{width:800px;margin:0 auto;background:#F90;padding:8px 0 10px;}

#top{margin:0 8px;height:80px;border:solid 2px;border-color:#E38901 #FCA625 #FCA625 #E38901}
#top div{height:80px;float:left;}
.ft{background:url(ft.gif) no-repeat;}
.ft{width:265px;}
#mtype{display:block;color:#00F;font-weight:bold;width:140px;height:35px;margin:35px 0 0 20px;position:relative;background:#FFF;}
#mtype .mtype-il {border-style:solid;position:absolute;font-size:0px;left:-15px;border-width:0px 0px 35px 15px;border-color:#FFF transparent;top:-5px;}
#mtype .mtype-ir{border-style:solid;position:absolute;font-size:0px;right:-15px;border-width:40px 15px 0 0;border-color:#FFF transparent;top:-2px;}
#since{display:block;color:#999;font:normal 11px Tahoma;}
.ft2,.pita,.ptl,.ptr,.menu li,.menu a,.sm span,.button span{background:url(ft.png) repeat-x;}
.ft2{width:515px;background-position:0 -187px;overflow:hidden;}
.cpname{display:table-cell;color:#000000;width:515px;vertical-align:middle;text-align:center;float:none !important;}
#url{font:normal 12px "Arial";}
#url a{color:#000;}
.banner{width:800px;margin:10px auto;}
.banner img{max-width:800px;height:auto;margin:0 auto;display:block;}

.pita{height:37px;background-position:0 -99px;position:relative;margin:8px 0;}
.pita div{width:11px;height:42px;position:absolute;top:0;}
.ptl{right:100%;background-position:0 -21px;}
.ptr{left:100%;background-position:-11px -21px;}

.menu{list-style:none;height:23px;padding:3px 0 0;}
.menu li{float:left;font:normal 13px/23px Verdana;background-position:0 -164px;color:#000000;margin:0 1px 0 0;}
.menu span{display:block;padding:0 10px;}
.menu a{display:block;background-position:0 -141px;}
.menu a:hover{text-decoration:none;}

.mrq{padding:0 10px;font:bold 13px Arial;margin:0 0 10px;}
#jsmarquee{position:relative;overflow:hidden;height:20px;}
#vmarquee{position:absolute;left:0;}

.middle{z-index:1;position:relative;padding:10px;position:relative;_position:static;}
.sosmed{position:absolute;width:25px;right:-25px;}
.fb ,.twt ,.gpls ,.in{width:25px;height:25px;display:block;}
.fb{background-position:0 -165px;}
.twt{background-position:0 -189px;}
.gpls{background-position:0 -214px;}
.in{background-position:0 -241px;}

.left{width:180px;float:left;}
#search_box{height:20px;border:#CCC solid 1px;background:#FFF;margin:0 0 10px;}
#search_box #q{font:11px Arial;float:left;border:0;padding:3px 2px;width:153px;_width:151px;color:#777;}
#search_box .focus{color:#000 !important;}
.cpimg{text-align:center;}
.cpcontact{margin:0 0 10px;}
.cpcontact span{display:block;margin:3px 0;overflow:hidden;}
.cpcontact .imsg{width:168px;overflow:hidden;}
.contactitle{font:bold 14px "arial";border-bottom: 1px solid #ff9113; width: 140px;padding: 0 0 2px 0; position: relative;}
.contactitle span{background-position:0 -300px;width:10px;height:10px;position: absolute;right: 0;bottom:-8px;}
.ddmenu{position:relative;z-index:11;_zoom:1;}
.ddmenu.hover .submenu{display:block;}
.submenu{clear:both;position:absolute;left:177px;top:0;background:#A9FF69;padding:2px 4px;border:#04EB0B solid 1px;display:none;z-index:20;white-space:nowrap;}
.submenu a{display:block;}
.submenu a:hover{background:#C2FF95;}
.review{text-align:center;margin:10px 0 0;}
.review div{font-weight:bold;line-height:20px;}
.review span{display:block;}
.review a{display:block;}
.rrlink{text-align:left;padding:6px 6px;background:#EEE}

.wbox{border:#CCC solid 1px;padding:5px;background:#FFF;color:#000;}
.wbox a{color:#26a7e2;}
.sm{height:21px;font:12px/21px Arial;color:#930;margin-bottom: 2px;}
.sm span{display:block;float:left;height:21px;overflow:hidden;}
.sm .l{width:3px;}
.sm .m{width:170px;background-position:0 -63px;padding:0 2px;}
.sm .r{width:3px;background-position:-3px 0;}
.sm a{color:#000000;}
.button{float:left;}
.button span{display:block;height:15px;float:left;line-height:15px;margin:0 !important;}
.button .l{width:4px;background-position:-6px 0;}
.button .m{background-position:0 -84px;}
.button .r{width:4px;background-position:-10px 0;}
.button a{color:#000;font:bold 11px Tahoma;}

.right{width:590px;float:right;margin-left:10px;}
.titlebg{color:#000;padding:2px 0;font:bold 15px Tahoma;text-align:left;position:relative;float:left;}
.titlebg .tagn{left:117px;bottom:-3px;width:29px;height:19px;position: absolute;background-position:0 -314px;}
.review.wbox .tagn{background-position:0 -333px;left:37px;width:16px;height:19px;position:absolute;}
#lang{float:right;color: #ffffff;font-weight: bold;margin:-6px;}
#lang a{float:left;display:block;}
#lang div{float:left;}
#lang span{display:block;float:left;width:33px;height:32px;margin:0 3px;vertical-align:middle;}
#lang .flag-id{background-position:0px -119px;}
#lang .flag-en{background-position:0px -89px;}
#bibox{text-align:left;border-bottom:1px solid #df6f01;padding:0 2px 6px;}
#djlu{text-align:left;border-top:1px solid #df6f01;padding:6px 2px 0;}
.butfo{float:right;margin:5px 0;line-height:29px;}
.button2{float:left;height:29px;width:29px;}
.basket{background-position:0px -30px;}
.msg{background-position:0px 0px;}
.part{background-position:0px -60px;}
.butprod{float:left;}
.butprod span{line-height:29px;}
.subtitle{font:18px Arial;margin:10px 0;}
.cp img{float:left;margin:0 10px 0 0;}
.pp td{vertical-align:top;}
.cpprod{list-style:square;margin:5px 0 0;}
.cpprod li{margin:0 0 0 14px;text-align:justify;}
.incplist{background:#EEE;margin:10px 0 0;text-align:left;}
.incplist .button{margin:5px;}
.incplist a{line-height:25px;margin:0 5px;}
.revpaging{background:#EEE;margin:5px 0;text-align:center;}
.grupdesc{padding:0 0 10px;}
.grupdesc img{float:left;margin:0 10px 0 0;}
.inq{padding:10px 5px;}
.inqt .button{margin:0 0 5px;}
.inqb{border:none;}
.inq span{float:left;}
.inqb span{line-height:29px;}
.selectall{float:left;line-height:20px;}
.viewopt{float:right;margin:7px 0 0;}
.viewopt .gon{background-position:0 -36px;font-weight:bold;}
.viewopt .goff{background-position:0 -12px;}
.viewopt .lon{background-position:0 -24px;font-weight:bold;}
.viewopt .loff{background-position:0 0px;}
.viewopt span{color:#ffffff;background:url(listgrid.gif) no-repeat;margin:0 0 0 5px;line-height:12px !important;padding:0 0 0 17px;}
.ppp{float:right;padding:4px 4px 0;}
.paging{margin:10px 0;text-align:right;}

.prodtype{font:bold 14px Arial;padding:5px;margin:0 0 5px;}
.prodtype a{color:#000000;padding:0 18px;}
.litems{border-bottom:1px solid #DDD;padding:10px 0;}
.litems .box1{float:left;width:23px;height:15px;}
.litems .box2{float:left;margin:0 18px 8px 0;position:relative;}
.limg,.gitems .box2 a,.pimg a{display:table-cell;vertical-align:middle;text-align:center;background:#FFF;border:#CCC solid 1px;*display:block;}
.mojozoom_marker{position:absolute;cursor:crosshair;}
.mojozoom_fill{position:absolute;width:100%;height:100%;top:0;left:0;background:#FFF;-moz-opacity:0.4;-webkit-opacity:0.4;filter:alpha(opacity=40);opacity:0.4;}
.mojozoom_imgctr{position:absolute;margin-left:20px;border:1px solid black;}
.imgzoom{display:block;text-align:center;padding:2px 0 4px;font-size:11px;visibility:hidden;}
.imglist{background:#FFF;border:#CCC solid 1px;float:left;clear:left;position:relative;top:-1px;}
.imglist a{height:30px;width:30px;padding:5px;display:table-cell;text-align:center;vertical-align:middle;}
.imglist .current{background:#CCC;}
.imglist img{max-height:30px;max-width:30px;}
.litems .box3{width:555px;float:left;}
.litems .name{font:bold 14px Arial;margin:0 0 5px;color:#000;}
.litems .name a{font:bold 12px Arial;}
.litems .date{color:#999;font:10px Arial;margin:0 0 10px 10px;}
.litems .desc{margin:5px 0 0;}
.litems .addedtb{margin:10px 0 0;padding:2px 5px;background:#FFD595;display:inline-block;border:#CCC solid 1px;}
.litems .box4{width:355px;float:right;text-align:right;margin:10px 0 0;}
.litems .box5{padding-left:15px;}
.gitems{width:165px;float:left;text-align:center;margin:0 13px 13px;position:relative;}
.gitems .box1{float:left;}
.gitems .box2{margin:0 auto 5px;width:120px;height:123px;background:#FFF;position:relative;}
.gitems .box3,.gitems .box4{text-align:center;overflow:hidden;margin:0 5px;}
.gitems .box3{white-space:nowrap;word-wrap:normal;}
.gitems .box4{height:60px;}
.gitems .addedtb{position:absolute;top:0;left:0;}
.gitems .addedtb a{display:block;line-height:20px;height:20px;background:#000;opacity:0.5;filter:alpha(opacity=50);color:#FFF;}
.gitems .date{color:#999;font:10px Arial;}
.gitems .desc{font-size:11px;margin:5px 0 0;line-height:14px;}
.tbl{table-layout:fixed;*width:auto;}
.tbl th,.tbl td{font-size:11px;padding:4px 0;vertical-align:top;border-bottom:#AFAFAF dotted 1px;}
.tbl th{white-space:nowrap;font-weight:normal;text-align:left;padding-right:15px;}
.tbl td{font-weight:bold;}
.tbl .noborder th,.tbl .noborder td{border:none;}
.keterangan{margin:10px 0;}
.keterangan dt{font:bold 14px Arial;margin:0 0 10px;}
.pimg{float:left;text-align:center;margin:0 15px 0 0;}

.snf{float:right;}
.pdnf li{margin:0 0 0 15px;line-height:20px;}

.ps-container{padding:0 40px;position:relative;margin:5px 0 0;z-index:10;_zoom:1;}
#ps{position:relative;overflow:hidden;height:150px;left:-40px;width:590px;}
.ps-container img{border:none;}
#ps div{position:absolute;}
#ps td{text-align:center;padding:5px;white-space:nowrap;}
#ps td:hover{background:#FDA82A;}
#pdsnext,#pdsprev{width:29px;height:29px;position:absolute;top:53px;visibility:hidden;}
#pdsnext{right:5px;background-position: 0 -361px;}
#pdsnext:hover{right:5px;background-position: 0 -433px;}
#pdsprev{left:5px;background-position: 0 -396px;}
#pdsprev:hover{right:5px;background-position: 0 -470px;}
.ps-container:hover #pdsnext,.ps-container:hover #pdsprev{visibility:visible;}

.bottom{padding:10px;text-align:center;}
.bottom a{color:#00a0e0;}
.bottom .footermenu{margin:10px 0 0;}
.bottom .footermenu a{font-weight:bold;}
.bottom .cpr{color:#111;font:10px Tahoma;}
@media only screen and (max-width:768px){
.wrap{width:95%}
.banner,.banner img,#loginhead{width:99%;}
.ft2{width:62%}
.right{width:99%;float:left;}
#ps{width:100%}
}
@media only screen and (max-width:480px){
#loginhead{height:50px}
.pita{height:44px;background-color:#fffefc}
.cpname{font-size:12px}
.ft2{width:36%}
}